<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--轮播图css样式插件-->
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
		<!--公共样式文件-->
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<!--当前html文件的样式-->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<!--网页整体大盒子-->
		<div class="mybox">
			<!--网页头部-->
			<div class="header">
				<div class="nav core">
					<h1>
						壹心理
					</h1>
					<ul>
						<li class="li-1"><a href="#">首页</a></li>
						<li><a href="#">首页</a></li>
						<li><a href="#">首页</a></li>
						<li><a href="#">首页</a></li>
						<li><a href="#">首页</a></li>
						<li><a href="#">首页</a></li>
						<li><a href="#">首页首页首</a></li>
						<li><a href="#">首页</a></li>
						<li><a href="#">首页</a></li>
					</ul>
					<form action="" method="post">
						<input type="button" value="登录"/>
					</form>
				</div>
			</div>
			<!--banner图-->
			<div class="banner">
					<img src="img/download.jpg"/>
				</div>
			<!--网页主体内容-->
			<div class="main">
				<ul class=" clearfix core">
					<li class="li-1"><span>最新热文</span></li>
					<li>最新热文</li>
					<li>最新热文</li>
					<li>最新热文</li>
					<li>最新热文</li>
					<li>最新热文</li>
				</ul>
				<!--4个盒子-->
				<div class="main-dl-contrnt clearfix core">
					<dl class="dl-1">
						<dt><img src="img/download.jpg"/></dt>
						<dd class="dd-1">是时候抛掉塑料朋友情了！</dd>
						<dd class="dd-2">是时候抛掉塑料朋友情了是时候抛掉塑料朋友情了是时候抛掉塑
							料朋友情了是时候友情了</dd>
						<dd class="dd-3">#掉塑友情</dd>
					</dl>
					<dl class="dl-2">
						<dt><img src="img/download.jpg"/></dt>
						<dd class="dd-1">是时候抛掉塑料朋友情了！</dd>
						<dd class="dd-2">是时候抛掉塑料朋友情了是时候抛掉塑料朋友情了是时候抛掉塑
							料朋友情了是时候友情了</dd>
						<dd class="dd-3">#掉塑友情</dd>
					</dl>
					<dl class="dl-1">
						<dt><img src="img/download.jpg"/></dt>
						<dd class="dd-1">是时候抛掉塑料朋友情了！</dd>
						<dd class="dd-2">是时候抛掉塑料朋友情了是时候抛掉塑料朋友情了是时候抛掉塑
							料朋友情了是时候友情了</dd>
						<dd class="dd-3">#掉塑友情</dd>
					</dl>
					<dl class="dl-2">
						<dt><img src="img/download.jpg"/></dt>
						<dd class="dd-1">是时候抛掉塑料朋友情了！</dd>
						<dd class="dd-2">是时候抛掉塑料朋友情了是时候抛掉塑料朋友情了是时候抛掉塑
							料朋友情了是时候友情了</dd>
						<dd class="dd-3">#掉塑友情</dd>
					</dl>
				</div>
			</div>
			<!--网页底部-->
			<div class="footer">
				<div class="footer-top">
					<h3 class="core">活动·发现
						<span>一起玩更幸福</span>
					</h3>
					<div class="footer-top-dl core clearfix">
						<dl class="dl-fst">
							<dt><img src="img/images/img_03.png"/></dt>
							<dd class="clearfix">
								<img src="img/images/img_07.png"/>
								<span class="jingshen">10.10精神卫生日</span>
								<span>2019-09-30~2019-10-10</span>
							</dd>
						</dl>
						<dl class="dl-fst-2">
							<dt><img src="img/images/img_03.png"/></dt>
							<dd class="clearfix">
								<img src="img/images/img_07.png"/>
								<span class="jingshen">10.10精神卫生日</span>
								<span>2019-09-30~2019-10-10</span>
							</dd>
						</dl>
						<dl class="dl-fst-3">
							<dt><img src="img/images/img_03.png"/></dt>
							<dd class="clearfix">
								<img src="img/images/img_07.png"/>
								<span class="jingshen">10.10精神卫生日</span>
								<span>2019-09-30~2019-10-10</span>
							</dd>
						</dl>
					</div>
				</div>
				<div class="footer-bottom">
					<ul class="clearfix">
						<li>关于我们</li>
						<li>关于我们</li>
						<li>关于我们</li>
						<li>关于我们</li>
						<li>关于我们</li>
						<li>关于我们</li>
						<li>关于我们</li>
						<li>关于我们</li>
					</ul>
					<p>关于我们关于我们关于我们关于我们关于我们关于我们</p>
				</div>
			</div>
		</div>
	</body>
</html>
<!--轮播图js插件-->
<script src="js/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	new Swiper("#mybanner",{
		autoplay:2000,//自动轮播,单位ms(毫秒)  3D效果    方向
//		effect:"cube",
//		direction:"vertical"
	});
</script>
<!--<div class="swiper-container mybanner" id="mybanner">
	<ul class="swiper-wrapper">
		<li class="swiper-slide"><img src="img/20190917043621971.jpg"/></li>
		<li class="swiper-slide"><img src="img/20190917043621971.jpg"/></li>
	</ul>
</div>-->